/**
 * @author chao.liu
 * 这个是给restable.jsp中的树控件做的一个扩展
 * 因为当前的Ext.tree.ColumnTree的悬停提示不好用.
 * 所以才写了这么一个插件来代替.
 */
/**
 *  找到指定的Li
 *  这个Li的条件是:Class=x-tree-node  并且下面必须有一个Div孩子.且这个Div孩子还得有5个Div孩子
 */
function findSpecifyLi(){
	// 暂时页面上只有顶级节点才会显示 计算公式 所以只得到第一个就可以了
	var myToolTipDiv = Ext.getDom("myToolTipDiv");
	Ext.select("li.x-tree-node").each(function(li){
		var divs = Ext.get(li.dom).query('div.x-tree-col');
		var div = divs[3]; // 因为需要悬停的列是第三列
		var divChild = div.childNodes[0]; // 因为这个div下面还有一个div
		var divText = divChild.innerHTML; // 这样写是因为 EXT在生成的时候是div套着一个div 所以只能这样写

		var chars = divText.split("");
		for(var i=1; i<chars.length; i++){
			if(i%50 == 0){
				chars[i] += "\n\r"; // &#10; 在这里不知道为什么不好使
			}
		}

		div.onmousemove = function (){
			var x = event.x + document.body.scrollLeft;
		    var y = event.y + document.body.scrollTop + 20;

			myToolTipDiv.style.top = y+25;
			myToolTipDiv.style.left = x-(myToolTipDiv.offsetWidth/2)+10;
			myToolTipDiv.style.display = "";
			myToolTipDiv.innerHTML = chars.join("");
		}
		div.onmouseout = function (){
			myToolTipDiv.style.display = "none";
		}

	});
}
function createToolTipDiv(){
	function start(){
		if(Ext.getDom("propDiv")){
			var div = document.createElement("div");
			div.id = "myToolTipDiv";
//			div.style.width = "255";
//			div.style.height = "100";
			div.style.position = "absolute";
			div.style.border = "1px solid blue";
			div.style.background = "white";
			div.style.zIndex = 999;
			div.style.display = "none";
			div.style.font = "12px Verdana, Arial, Helvetica, sans-serif"; // font-family propery need ',' sparate
			div.style.overflow = "auto";
			Ext.getDom("propDiv").appendChild(div);
		}else{
			setTimeout(start, 10);
		}
	}
	start();
};
createToolTipDiv();